<!DOCTYPE html>
    <head>
	    <style>
		    #wrapper{width:100%}
			#maincontent
			{
			   width:90%;
			   margin-bottom:10px;
			 
			
			}
			#content
			{  
			   height: 200px;
			   margin-top:10px;
			   margin-bottom:10px;
			   margin-left:10px;
			   margin-right:10px;
			   background-color: blue
			}
			#footer
			{
			   width: 90%;
			   margin-top: 10px;
			  
			}
			#rightfooter
			{
			   width:40%;
			   float:right;
			   background-color: yellow;
			}
			#leftfooter
			{
			   width:40%;
			   float:left;
			   background-color:green;
			}
		</style>
	</head>
	<body>
	    <div id="wrapper">
		    <div id="maincontent">
			    <div id="content">
				<p>This is the content</p>
				</div>
			</div>
			<div id="footer">
			    <div id="rightfooter">
				<p>right footer</p>
				</div>
				<div id="leftfooter">
				<p>left footer</p>
				</div>
			</div>
		</div>
	</body>
</html>